<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<% String contexts = request.getContextPath();
    pageContext.setAttribute("ctx", contexts);
%>
<html>
<head>
    <link type="text/css" rel="stylesheet" href="${ctx}/css/preStage/main.css">
    <script type="text/javascript" src="${ctx}/js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="${ctx}/js/preStage/main.js"></script>
    <script type="text/javascript">
        var ctx = '${ctx}';
    </script>
    <title>博客</title>
</head>
<body>
<div class="navigationBar">
    <div id="userDataHead">
        <div class="userDataImg common_1"><img src="${ctx}/preStage/img/preStageImg/userImg.jpg"></div>
        <div class="userDataName common_1">用户名</div>
    </div>
    <div class="menu common_1">
        <ul>
            <li><a href="#">主页</a></li>
            <li><a href="#">目录</a></li>
            <li><a href="javascript:void(0)" onclick="blogData()">关于我</a></li>
        </ul>
    </div>
    <div class="search" id="search" onclick="search()">
        <div class="search_div">
            搜索
        </div>
        <div class="search_img">
            <img src="${ctx}/preStage/img/preStageImg/searchImg.jpg">
        </div>
    </div>
</div>
<div class="main">
    <div class="blogData">
        <div class="blogDataForData">
            <img src="${ctx}/preStage/img/preStageImg/userImg.jpg">

            <h2>用户名</h2>
            <h4>个人简介</h4>

            <div class="blogDataP">
                <div class="blogDataP_1">
                    <img src="${ctx}/preStage/img/preStageImg/positionImg.jpg">

                    <div>位置</div>
                </div>
            </div>
            <div class="focusMe" onclick="focusMe()">关注我</div>

        </div>
        <div class="dataNumber">
            <div class="dataNumberArt">
                <div>55<br/>
                    文章
                </div>
            </div>
            <div class="dataNumberLab">
                <div>55<br/>标签</div>
            </div>
        </div>
        <div class="hrefList">
            <ul>
                <li><img src="${ctx}/preStage/img/preStageImg/githubLog.jpg"></li>
                <li><img src="${ctx}/preStage/img/preStageImg/git.jpg"></li>
                <li><img src="${ctx}/preStage/img/preStageImg/emaiImg.jpg"></li>
                <li><img src="${ctx}/preStage/img/preStageImg/weiboImg.jpg"></li>
                <li><img src="${ctx}/preStage/img/preStageImg/rssImg.jpg"></li>
            </ul>
        </div>
    </div>
    <div class="mainIFrame">
        <iframe class="iframe" id="workArea" src="${ctx}/preStage/account/blogData.jsp"></iframe>
    </div>
    <div class="other">
        <div class="other_notice">
            <h3>公告</h3>

            <div>pringCloud交流1群：470962790
                SpringCloud交流2群：123013854
                博主微信：zhaiyongchao1987
                欢迎有兴趣的朋友加入分享与交流经验。
            </div>
        </div>
        <div class="other_weixin">
            <h3>欢迎关注我的微信</h3>

            <div><img src="${ctx}/preStage/img/preStageImg/userImg.jpg"></div>
        </div>
        <div class="other_category">
            <h3>分类</h3>

            <div>
                <ul>
                    <li>safa(22)</li>
                    <li>safa(22)</li>
                </ul>
            </div>
        </div>
        <div class="other_article">
            <h3>热评文章</h3>

            <div>
                <ul>
                    <li>safa(22)</li>
                    <li>safa(22)</li>
                </ul>
            </div>
        </div>
        <div class="other_comment">
            <h3>最近评论</h3>

            <div>
                <ul>
                    <li>
                        <div class="other_comment_ul_li">
                            <div class="other_comment_ul_li_img">
                                <img src="${ctx}/preStage/img/preStageImg/rssImg.jpg">
                            </div>
                            <div class="other_comment_li">
                                <div class="other_comment_name">
                                    safa(22
                                </div>
                                <div class="other_comment_time">
                                    ()小时之前
                                </div>
                                <div class="other_comment_article">
                                    在中<span>文章</span>评论
                                </div>
                                <div class="other_comment_content">
                                    在中评论发给你政府根据中国建筑更加糟糕噶地方该罚的个
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="other_comment_ul_li">
                            <div class="other_comment_ul_li_img">
                                <img src="${ctx}/preStage/img/preStageImg/rssImg.jpg">
                            </div>
                            <div class="other_comment_li">
                                <div class="other_comment_name">
                                    safa(22
                                </div>
                                <div class="other_comment_time">
                                    ()小时之前
                                </div>
                                <div class="other_comment_article">
                                    在中<span>文章</span>评论
                                </div>
                                <div class="other_comment_content">
                                    在中评论发给你政府根据中国建筑更加糟糕噶地方该罚的个
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="other_comment_ul_li">
                            <div class="other_comment_ul_li_img">
                                <img src="${ctx}/preStage/img/preStageImg/rssImg.jpg">
                            </div>
                            <div class="other_comment_li">
                                <div class="other_comment_name">
                                    safa(22
                                </div>
                                <div class="other_comment_time">
                                    ()小时之前
                                </div>
                                <div class="other_comment_article">
                                    在中<span>文章</span>评论
                                </div>
                                <div class="other_comment_content">
                                    在中评论发给你政府根据中国建筑更加糟糕噶地方该罚的个
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="other_label">
            <h3>标签云</h3>
            <%--字体大小变化--%>
            <div><a href="#">asfdaf</a>
                <a href="#">asfdaf</a><a href="#">asfdaf</a>
                <a href="#">asfdaf</a>
                <a href="#">asfdaf</a>

            </div>
        </div>
        <div class="other_href">
            <h3>友情链接</h3>

            <div>
                <ul>
                    <li><a href="http://www.csdn.net"> CSDN</a></li>
                    <li><a href="http://www.baidu.com">百度</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div id="searchFrame" class="searchFrameAll">
        <div class="searchFrame">


            <div class="searchInput">
                <input placeholder="想要查找什么...">
                <img onclick="searchFrameHide()" src="${ctx}/preStage/img/preStageImg/delete.jpg">
            </div>
            <div class="searchFrame_content">
                <section>
                    <header>文章</header>
                    <div class="searchContent">
                        <section>
                            <div class="searchFile">
                                <img src="${ctx}/preStage/img/preStageImg/fileImg.jpg">

                                <div class="searchTitle">主题主体 主题</div>
                            </div>
                            <div class="searchContent_file">neiro</div>
                        </section>
                    </div>
                </section>
                <section>
                    <header>分类</header>
                    <div class="searchContent">
                        <section>
                            <div class="searchFile">
                                <img src="${ctx}/preStage/img/preStageImg/fileImg.jpg">

                                <div class="searchTitle">主题主体 主题</div>
                            </div>
                            <div class="searchContent_file">neiro</div>
                        </section>
                    </div>
                </section>
                <section>
                    <header>标签</header>
                    <div class="searchContent">
                        <section>
                            <div class="searchFile">
                                <img src="${ctx}/preStage/img/preStageImg/fileImg.jpg">

                                <div class="searchTitle">主题主体 主题</div>
                            </div>
                            <div class="searchContent_file">neiro</div>
                        </section>
                    </div>
                </section>
            </div>

        </div>
    </div>
</div>
<div class="page_bottom">
    <h4>用户名|博客名</h4>
    <h4>访问量<span>43242</span>次 访客数<span>234234</span>次</h4>
</div>

</body>
</html>
